<script setup name="Login">
// route 和 router 有什么区别
// 带 r 的是路由实例，用来做路由跳转的
// 不带 r 的是一个路由对象，可以获取当前匹配路由信息，例如路由参数，路由地址
import { useRouter, useRoute } from 'vue-router'

// hook 方法的调用，建议直接写到 setup 中，就行下面这样
const router = useRouter()
const route = useRoute()

// 输出路由地址
console.log(route.fullPath)

const handleClick = () => {
  router.push('/home')
}
</script>
<template>
  <div>
    Login
    <button @click="handleClick">首页</button>
  </div>
</template>
